.folder-child {
    background-color: rgba(255, 255, 255, 0.6);
    &:nth-child(2n+1) {
        background-color: rgba(255, 223, 223, 0.6);
    }
    font: {
        size: 14px;
    }
    .mtime,
    .ctime,
    .size {
        font-size: 10px;
    }
    &>div {
        height: 26px;
        line-height: 26px;
    }
    &:last-child {
        margin-bottom: 0px;
    }
    &.file {
        .base-name {
            color: #3107ff;
        }
    }
    &.dir {
        .base-name {
            color: #8c4315;
        }
    }
    &:hover {
        background-color: #e2d3f3;
        color: white;
        &.dir {
            cursor: pointer;
            .base-name {
                color: #000;
            }
        }
        &.file {
            .base-name {
                color: #158c20;
            }
        }
    }
    &.selected-item {
        background-color: #04046d;
        color: white;
        &>.base-name {
            color: white;
            .short-name[contenteditable="true"] {
                background-color: white;
                color: black;
            }
        }
        &:hover {
            background-color: #04046d;
            color: white;
            .base-name {
                color: white;
            }
        }
    }
}